import styles from './index.less';
import Rasterize  from '../rasterize'
import MyPanle from  '../panel'
import '../style.less';
// 引入组件配置文件
import { comps } from '../lc_components'
//import RadarComponent from '../radar'      //雷达图
export default function IndexPage() {
  return (
    <div id="lc-project" style={{width:'100vw', height:'100vh'}}>
      <div className="app-map">
         {/* 地图组件 */}
         {/* <RadarComponent></RadarComponent> */}
      </div>

      <div className="app-container">
        <div className="app-container-inner">
          <div className="lc-app">
              <Rasterize className="ap-rasterize" col={comps.col} row={comps.row}>
                {
                  comps.data.map(item => {
                    return <MyPanle
                    key={item.id}
                    boderDebugger={false}
                    // 组件宽高。位置
                    property={item}></MyPanle>
                  })
                }
              </Rasterize>
          </div>
        </div>

      </div>

    </div>
  );
}
